<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../css/party.css">
	</head>
	<style type="text/css">
			.report {
	    position: absolute;
	    right: 10px;
	    top: 0;
	}
	.xs{
		position: relative;
		 border: 1px solid gainsboro;
	    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
	}
	</style>
	<body>
		<div class="select">
			<div>
				<div class="center select-t">
					<p>筛选</p>
					<span class="close">X</span>
				</div>
				<div class="select-b">
					<p>想看到的用户</p>
					<div class="sex">
						<div class="blue all">全部</div>
						<div class="s-girl" data-sex="女">
							<img src="../img/female-n.png" >女
						</div>
						<div class="s-boy" data-sex="男">
							<img src="../img/male-n.png">男
						</div>
					</div>
					<div class="sure center" style="opacity: 0">确定</div>
				</div>
			</div>
		</div>
		<header>
			<a href="javascript:history.back(-1)" class="back"><img src="../img/back.png" height="18px"></a>
			<div class="center title">聚会约会</div>
		</header>
		<main>
			<div class="title">热门约会 <img src="../img/filtration.png" height="15px" class="filtrate"></div>
			<div class="yuehui"></div>
			<!-- <a href="date_details.html">
			<div class="xs">
				<div class="flex">
					<div class="head">
						<img src="../img/logo.png" width="50px">
					</div>
					<div class="head-r">
						<div class="flex">
							<p>大静静</p>&nbsp;
							<p class="boy">
								<img src="../img/female-s.png" height="8px"> 23
							</p>
						</div>
						<div class="kuang">啊啊十是大</div>
						<div class="flex">
							<img src="../img/location.png" height="14px">&nbsp;
							<p>大大大师的大厦</p>
						</div>
						<div class="flex">
							<img src="../img/time.png" height="11px">&nbsp;
							<p>4月20日</p>
						</div>
					</div>
				</div>
			</div>
			</a>
			<a href="date_details.html">
			<div class="xs">
				<div class="flex">
					<div class="head">
						<img src="../img/logo.png" width="50px">
					</div>
					<div class="head-r">
						<div class="flex">
							<p>大静静</p>&nbsp;
							<p class="girl">
								<img src="../img/female-s.png" height="8px"> 23
							</p>
						</div>
						<div class="kuang">啊啊十是大</div>
						<div class="flex">
							<img src="../img/location.png" height="14px">&nbsp;
							<p>大大大师的大厦</p>
						</div>
						<div class="flex">
							<img src="../img/time.png" height="11px">&nbsp;
							<p>4月20日</p>
						</div>
					</div>
				</div>
			</div>
			</a> -->
			
		</main>


		<script src="../js/jquery-3.3.1.js"></script>
		<script src="../js/party.js"></script>
	</body>
</html>
<script type="text/javascript">
	$.ajax({
			type:"post",
			url:"/meiyou/selYuehuiVo",
			success:function  (data) {
				
					console.log(data);

					
						
					$.each(data,function(i,val){
						if(val.y_sex=="男"){
							$('.yuehui').append("<a href='date_details.html?id="+val.y_id+"' data-sex='"+val.y_sex+"'>" +
										"<div class=\"xs\">" +
										"<div class=\"flex\">" +
										"<div class=\"head\">" +
										"<img src='"+val.u_img+"' width=\"50px\">" +
										"</div>" +
										"<div class=\"head-r\">" +
										"<div class=\"flex\">" +
										"<p>"+val.y_u_count +"</p>&nbsp;" +
										"<p class=\"boy\">" +
										"<img src=\"../img/male-s.png\" height=\"8px\">"+val.u_old+
										"</p>" +
										"</div>" +
										"<div class=\"kuang\">"+val.y_context+"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/location.png\" height=\"14px\">&nbsp;" +
										"<p>"+val.y_address+"</p>" +
										"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										"<p>"+val.y_date+"</p>" +
										"</div>" +
										"</div>" +
										"</div>" +
										"<a href='../html/report.html?id="+val.y_u_count+"&type=data'><img src=\"../img/report.png\" height=\"15px\" class=\"report\"></a>" +
										"</div>" +
										"</a>");
						}else{
							$('.yuehui').append("<a href='date_details.html?id="+val.y_id+"' data-sex='"+val.y_sex+"'>" +
										"<div class=\"xs\">" +
										"<div class=\"flex\">" +
										"<div class=\"head\">" +
										"<img src='"+val.u_img+"' width=\"50px\">" +
										"</div>" +
										"<div class=\"head-r\">" +
										"<div class=\"flex\">" +
										"<p>"+val.y_u_count +"</p>&nbsp;" +
										"<p class=\"girl\">" +
										"<img src=\"../img/female-s.png\" height=\"8px\">"+val.u_old+
										"</p>" +
										"</div>" +
										"<div class=\"kuang\">"+val.y_context+"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/location.png\" height=\"14px\">&nbsp;" +
										"<p>"+val.y_address+"</p>" +
										"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										"<p>"+val.y_date+"</p>" +
										"</div>" +
										"</div>" +
										"</div>" +
										"<a href='../html/report.html?id="+val.y_u_count+"&type=data'><img src=\"../img/report.png\" height=\"15px\" class=\"report\"></a>" +
										"</div>" +
										"</a>");
						}
						});
		

				
			
		}
	});
$('.sex div:nth-child(1)').click(function(){
	window.location.reload();
})
$('.sex div').click(function(){
	var ySex=$(this).attr('data-sex');
	console.log(ySex);
	$.post('/meiyou/selYuehuiVoTerm',{ySex:ySex},function(data){
		console.log(data);
		$('.yuehui').html('');
		$('.select').hide();
			$.each(data,function(i,val){
						if(val.y_sex=="男"){
							$('.yuehui').append("<a href='date_details.html?id="+val.y_id+"' data-sex='"+val.y_sex+"'>" +
										"<div class=\"xs\">" +
										"<div class=\"flex\">" +
										"<div class=\"head\">" +
										"<img src='"+val.u_img+"' width=\"50px\">" +
										"</div>" +
										"<div class=\"head-r\">" +
										"<div class=\"flex\">" +
										"<p>"+val.y_u_count +"</p>&nbsp;" +
										"<p class=\"boy\">" +
										"<img src=\"../img/male-s.png\" height=\"8px\">"+val.u_old+
										"</p>" +
										"</div>" +
										"<div class=\"kuang\">"+val.y_context+"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/location.png\" height=\"14px\">&nbsp;" +
										"<p>"+val.y_address+"</p>" +
										"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										"<p>"+val.y_date+"</p>" +
										"</div>" +
										"</div>" +
										"</div>" +
										"<a href='../html/report.html?id="+val.y_u_count+"&type=data'><img src=\"../img/report.png\" height=\"15px\" class=\"report\"></a>" +
										"</div>" +
										"</a>");
						}else{
							$('.yuehui').append("<a href='date_details.html?id="+val.y_id+"' data-sex='"+val.y_sex+"'>" +
										"<div class=\"xs\">" +
										"<div class=\"flex\">" +
										"<div class=\"head\">" +
										"<img src='"+val.u_img+"' width=\"50px\">" +
										"</div>" +
										"<div class=\"head-r\">" +
										"<div class=\"flex\">" +
										"<p>"+val.y_u_count +"</p>&nbsp;" +
										"<p class=\"girl\">" +
										"<img src=\"../img/female-s.png\" height=\"8px\">"+val.u_old+
										"</p>" +
										"</div>" +
										"<div class=\"kuang\">"+val.y_context+"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/location.png\" height=\"14px\">&nbsp;" +
										"<p>"+val.y_address+"</p>" +
										"</div>" +
										"<div class=\"flex\">" +
										"<img src=\"../img/time.png\" height=\"11px\">&nbsp;" +
										"<p>"+val.y_date+"</p>" +
										"</div>" +
										"</div>" +
										"</div>" +
										"<a href='../html/report.html?id="+val.y_u_count+"&type=data'><img src=\"../img/report.png\" height=\"15px\" class=\"report\"></a>" +
										"</div>" +
										"</a>");
						}
						});
		


	});


});

</script>